<!Doctype html>
<html lang="zh">
	<head>
		<title>About CocoZack - 笔记</title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="./css/index.css">
	</head>
	<body>
		<header class="dark">
			<div class="header_div">
				<div class="logo">
					<a href="./index.html">CocoZack</a>
				</div>
				<nav class="header_nav">
					<ul>
						<li><a href="./index.html">首页</a></li>
						<li><a href="./education.html">教育经历</a></li>
						<li><a href="./hobby.html">兴趣＆爱好</a></li>
						<li><a class="active" href="./note.html">笔记</a></li>
					</ul>
				</nav>
			</div>
		</header>

		<section class="sub_banner">
			<h2>笔记 <img class="gear" src="./img/icon10.png" alt="pic"></h2>
		</section>

		<section class="chapter">
			<div class="note single">
				<div class="note_vertical">
					<a target="_blank" href="http://www.cnblogs.com/Chen-XiaoJun/p/6246946.html">
						<div class="note_item">
							<div class="note_title">
								<h5>React 还是 Vue: 你应该选择哪一个Web前端框架？</h5>
								<p>2017年01月03日 | 作者：<span class="author">chenxj</span></p>
							</div>
							<img class="note_pic" src="./img/pic01.png" alt="pic">
							<p class="note_content">不得不说React和Vue的使用范围是相似的：都是基于组件化的轻量级框架，都专注于构建用户界面的视图层；都既可以用于简单的项目，也适用于使用前沿技术……</p>
						</div>
					</a>
					<a target="_blank" href="https://juejin.im/post/5a0d5df1f265da43062a542f">
						<div class="note_item">
							<div class="note_title">
								<h5>[译] 2017 年比较 Angular、React、Vue 三剑客</h5>
								<p>2017年11月16日 | 作者：<span class="author">Raoul1996</span></p>
							</div>
							<img class="note_pic" src="./img/pic02.jpg" alt="pic">
							<p class="note_content">为 web 应用选择 JavaScript 开发框架是一件很费脑筋的事。现如今 Angular 和 React 非常流行，并且最近出现的新贵 VueJS 同样博得了很多人的关注……</p>
						</div>
					</a>
					<a target="_blank" href="https://juejin.im/post/5b111436e51d4506d06205fd">
						<div class="note_item">
							<div class="note_title">
								<h5>[译文] 现代 js 框架存在的根本原因</h5>
								<p>2018年06月02日 | 作者：<span class="author">sea_ljf</span></p>
							</div>
							<img class="note_pic" src="./img/pic03.jpg" alt="pic">
							<p class="note_content">曾见过很多很多人盲目地使用（前端）框架，如 React，Angular 或 Vue等等。这些框架提供了许多有意思的东西，然而通常人们（自以为）使用框架是因为……</p>
						</div>
					</a>
					<a target="_blank" href="https://juejin.im/post/5b10ba336fb9a01e66164346">
						<div class="note_item">
							<div class="note_title">
								<h5>JavaScript 内存机制（前端同学进阶必备）</h5>
								<p>2018年06月01日 | 作者：<span class="author">梁音</span></p>
							</div>
							<img class="note_pic" src="./img/code03.jpg" alt="pic">
							<p class="note_content">每种编程语言都有它的内存管理机制，比如简单的C有低级的内存管理基元，像malloc(),free()。同样我们在学习JavaScript的时候，很有必要了解……</p>
						</div>
					</a>
					<a target="_blank" href="https://juejin.im/post/5b127bf15188257d492ad743">
						<div class="note_item">
							<div class="note_title">
								<h5>【翻译】使用React、 Redux 和 SVG 开发游戏（三）</h5>
								<p>2018年06月02日 | 作者：<span class="author">MusterOfPuppets</span></p>
							</div>
							<img class="note_pic" src="./img/pic04.jpg" alt="pic">
							<p class="note_content">在上一部分，你创建了你需要的其他游戏元素（Heart，FlyingObj和CannonBall）。然后让玩家能够点击按钮来开始游戏。你还使用CSS来让你的……</p>
						</div>
					</a>
				</div>
				<div class="note_sidebar">
					<div class="note_sidebar_div">
						<h4>搜索</h4>
						<form class="search">
							<input type="text" placeholder="请输入搜索内容" name="search_note" id="search_note">
						</form>
					</div>
					<div class="note_sidebar_div">
						<h4>热门标签</h4>
						<div class="hot_topic">
							<a href="javascript:void(0)">前端</a>
							<a href="javascript:void(0)">JavaScript</a>
							<a href="javascript:void(0)">HTML</a>
							<a href="javascript:void(0)">CSS</a>
							<a href="javascript:void(0)">JQuery</a>
							<a href="javascript:void(0)">ReactJS</a>
							<a href="javascript:void(0)">VueJS</a>
						</div>
					</div>
				</div>
			</div>
		</section>

		<footer>
			<p>© 2018 Website Design And Development Homework By Coco Zack 张可</p>
		</footer>
		
		<div class="to_the_top" onclick="toTop()">
			<img src="./img/blackboard.png" alt="回到顶部">
		</div>
		
		<script src="./plugins/jquery-3.3.1.min.js"></script>
		<script src="./js/global.js"></script>
	</body>
</html>